@import "@/styles/variables.less";

.trigger {
  .handler {
    display: flex;
    align-items: center;
    .value {
      margin-right: @size-xs;
      color: @default-color;
      font-size: @size-base;
    }
  }

  // 箭头动画[3,9](@ref)
  .arrow {
    width: 8px;
    height: 8px;
    border-right: 2px solid @primary-color;
    border-bottom: 2px solid @primary-color;
    transform: rotate(-45deg);
    transition: transform @transition-duration;

    &.active {
      transform: rotate(45deg);
    }
  }
}
